<div id="maincontent">
<div id="kp"><a href="#">home</a> - subpagina</div>
<div class="box">
<h1>Lorem ipsum</h1>
<h2>Dolor si amet geneuzel</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum nec felis. Aenean eget elit nec <a href="#">tellus gravida</a> tristique. Sed quis felis. Morbi viverra, nulla a tristique vestibulum, augue nisl eleifend orci, eget auctor lorem risus id enim. Nullam sagittis varius nulla. Nulla dapibus, ligula ac tempus mollis, metus velit ultrices lectus, sit amet iaculis leo justo sed metus. Aenean a mauris in purus aliquam vestibulum. Aliquam lobortis diam at nisl. Phasellus consectetuer blandit nibh. Nam a nisi eget odio nonummy nonummy. Curabitur nibh libero, rutrum eget, convallis et, interdum sed, est. Aenean a diam at est semper iaculis. Donec nunc massa, malesuada eget, feugiat quis, tincidunt ac, nibh. Ut a metus in nisl condimentum tristique. Integer posuere. Donec ornare, sem vel pellentesque consequat, nunc urna fringilla arcu, ut tempor augue nunc sit amet est. Suspendisse sollicitudin magna at arcu. Praesent sed est nec quam euismod posuere. Donec sit amet tellus et nulla ullamcorper malesuada. </p>
<ul>
<li>Lorem ipsum</li>
<li>Dolor si amet</li>
</ul>
<ol>
<li>Lorem ipsum</li>
<li>Dolor si amet</li>
</ol>
</div>
</div>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Covide 2 kolom template</title>
<link rel="stylesheet" href="css/2kolom_template-sticky-footer.css" media="screen" charset="utf-8"/>
</head>
<body>
<div id="pagecontainer">
<div id="header">
<h1>header</h1>
</div>
<div id="topnav">topnav!</div>
<div id="contentcontainer">
<div id="leftcol">
<div class="box">
<h3>Linkerkolom</h3>
<p>inhoud linkerkolom</p>
</div>
</div>
<div id="maincontent">
<div id="kp"><a href="#">home</a> - subpagina</div>
<div class="box">
<h1>Lorem ipsum</h1>
<h2>Dolor si amet geneuzel</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum nec felis. Aenean eget elit nec <a href="#">tellus gravida</a> tristique. Sed quis felis. Morbi viverra, nulla a tristique vestibulum, augue nisl eleifend orci, eget auctor lorem risus id enim. Nullam sagittis varius nulla. Nulla dapibus, ligula ac tempus mollis, metus velit ultrices lectus, sit amet iaculis leo justo sed metus. Aenean a mauris in purus aliquam vestibulum. Aliquam lobortis diam at nisl. Phasellus consectetuer blandit nibh. Nam a nisi eget odio nonummy nonummy. Curabitur nibh libero, rutrum eget, convallis et, interdum sed, est. Aenean a diam at est semper iaculis. Donec nunc massa, malesuada eget, feugiat quis, tincidunt ac, nibh. Ut a metus in nisl condimentum tristique. Integer posuere. Donec ornare, sem vel pellentesque consequat, nunc urna fringilla arcu, ut tempor augue nunc sit amet est. Suspendisse sollicitudin magna at arcu. Praesent sed est nec quam euismod posuere. Donec sit amet tellus et nulla ullamcorper malesuada. </p>
<ul>
<li>Lorem ipsum</li>
<li>Dolor si amet</li>
</ul>
<ol>
<li>Lorem ipsum</li>
<li>Dolor si amet</li>
</ol>
</div>
</div>
</div>
<div class="push"></div>
</div>
<div id="footer">
<p>Copyright © <? echo date ('Y')?> footer hier</p>
</div>
</body>
</html>